<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/WEB-INF/public/head.jspf"%>
<style type="text/css">
#menu {
	width: 200px;
	/*border:1px solid red;*/
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu ul li {
	border-bottom: 1px solid #fff;
}

#menu ul li a {
	display: block;
	background-color: #50b7c1;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	text-align:center;
}

#menu ul li a:hover {
	background-color: #00a6ac;
}

</style>
<script type="text/javascript">
	$(function() {
		$("a[title]").click(function() {
			var text = $(this).text();
			var href = $(this).attr("title");
			if($("#tt").tabs("exists",text)){
				$("#tt").tabs("select",text);
			} else{
				//alert(href);
				$("#tt").tabs("add",{
					title:text,
					closable:true,
					content:'<iframe title="'+text+'" src="'+href+'" frameborder="0" width="100%" height="100%"></iframe>'
					//href:href
					//href:'send_category_query.action'
				});
			}
		});
	});
</script>
</head>

<body class="easyui-layout">
	<!-- 顶部的状态栏 -->
	<div data-options="region:'north',title:'欢迎来到商城管理系统',split:true"
		style="height:100px;"></div>

	<!-- 左边的导航栏 -->
	<div data-options="region:'west',title:'系统操作',split:true"
		style="width:200px;">
		<div id="menu" class="easyui-accordion" data-options="fit:true">

			<div title="基本操作">
				<ul>
					<li><a href="#" title="send_category_query.action">分类管理</a></li>
					<li><a href="#" title="send_product_query.action">商品管理</a></li>
				</ul>
			</div>
			<div title="销售管理">
				<ul>
					<li><a href="#" title="send_sale_sale.action">销售管理</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 主操作区 -->
	<div data-options="region:'center',title:'后台操作页面'"
		style="padding:1px;background:#fff;">
		<div id="tt" class="easyui-tabs" data-options="fit:true">
			<div title="系统缺省页面" style="padding:10px;display:none;">
				显示系统的信息
			</div>
		</div>
	</div>
	<div id="win" data-options="collapsible:false,minimizable:false,maximizable:false,modal:true"></div>
</body>
</html>
